<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <script type="text/javascript" src="../../static/layer/layui.js"></script>
</head>
<body>
<form class="layui-form">
    <div class="layui-tab-item layui-show">
        <div class="layui-row">
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">总楼数</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">总面积</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">入驻企业</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">已租面积60%</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">空置面积25%</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">可招租面积25%</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">在租均价</div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">3个</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1"> 139.81m</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1">1家</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1"> 139.81m</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1"> 139.81</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1"> 139.81</div>
            </div>
            <div class="layui-col-md1">
                <div class="grid-demo grid-demo-bg1"> 100元/天</div>
            </div>
        </div>
        <hr class="layui-bg-blue">
        <table class="layui-table"
               lay-data="{height: '400', url:'/building/json/',page:true,limit:20 ,skin:'line', even:false, size:'lg'}"
               lay-filter="demoEvent">
            <thead>
            <tr>
                <th lay-data="{checkbox:true}"></th>
                <th lay-data="{field:'NNAME', width:120,event: 'setSign',sort: true,style:'background-color: #4494F0; color: #fff;cursor: pointer;'}">
                    楼宇
                </th>
                <th lay-data="{space: true}"></th>
                <th lay-data="{field:'AREA', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                    总面积
                </th>
                <th lay-data="{field:'LEAS_AREA', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                    已租面积
                </th>
                <th lay-data="{field:'VACANT_AREA', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                    空置面积
                </th>
                <th lay-data="{field:'INVEST_AREA', width:177, event: 'setSign', style:'cursor: pointer;'}">
                    可招商面积
                </th>
                <th lay-data="{field:'AVG_RENT', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                    在租均价
                </th>
                <th lay-data="{field:'SETT_COMPANY', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                    入驻企业
                </th>
                <th lay-data="{field:'BUILDING_ID', hidden:true,width:120,sort: true}">id</th>
                <th lay-data="{fixed: 'right', width: 150, align: 'center', toolbar: '#barDemo'}"
                    rowspan="2">操作
                </th>
            </tr>
            </thead>
        </table>
        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
        </script>
    </div>
</form>
<script type="text/javascript" src="../../static/ujs/building/building_main.js"></script>
</body>
</html>